<template>
	<view v-if='dataList.length!==0'>
		<view class='header'>
			<view>富阳区行政事业单位基本情况表</view>
		</view>
		<view class='container'>
			<view class='listWrap'>
				<view class='leftClass'>
					单位名称
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].enterpriseId}} {{dataList[0].enterpriseName}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass'>
					单位地址
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].address}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass'>
					成立日期
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].setDate}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass'>
					单位基本性质:
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					<text v-if='dataList[0].enterpriseKind===0'>行政（参公）</text>
					<text v-if='dataList[0].enterpriseKind===1'>事业单位</text>
					<text v-if='dataList[0].enterpriseKind===2'>群众群体</text>
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass'>
					单位负责人:
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].enterLeader}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass'>
					上级主管部门:
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].managerDept}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>清查小组负责人:</view>
					<view class='specialClass'>联系电话:{{dataList[0].checkPhone}}</view>
					<view class='specialClass'>手机号码:{{dataList[0].checkMobilePhone}}</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].checkLeader}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>财务负责人:</view>
					<view class='specialClass'>联系电话:{{dataList[0].financePhone}}</view>
					<view class='specialClass'>手机号码:{{dataList[0].financeMobilePhone}}</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].financeLeader}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>资产云系统分管领导:</view>
					<view class='specialClass'>联系电话:{{dataList[0].assetPhone}}</view>
					<view class='specialClass'>手机号码:{{dataList[0].assetMobilePhone}}</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].assetLeader}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>资产云系统资产管理员:</view>
					<view class='specialClass'>联系电话:{{dataList[0].assetAdminPhone}}</view>
					<view class='specialClass'>手机号码:{{dataList[0].assetAdminMobilePhone}}</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].assetAdmin}}
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>资产云系统财务管理员:</view>
					<view class='specialClass'>联系电话:{{dataList[0].assetFinancePhone}}</view>
					<view class='specialClass'>手机号码:{{dataList[0].assetFinanceMobilePhone}}</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					{{dataList[0].assetFinance}}
				</view>
			</view>
		</view>
		<view class='container'>
			<view class='listWrap'>
				<view class='leftClass'>
					人员情况
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>定编人数(行政、事业编制):</view>
					<view class='specialClass'>行政编制</view>
					<view class='specialClass'>事业编制</view>
					<view class='specialClass'>共计</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					<view style='color: #fff;'> 无</view>
					<view class='specialClass'>{{dataList[0].staffAdmin}}人</view>
					<view class='specialClass'>{{dataList[0].staffGov}}人</view>
					<view class='specialClass'>{{dataList[0].staffTotal}}人</view>
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>在职人数(行政、事业编制):</view>
					<view class='specialClass'>行政编制</view>
					<view class='specialClass'>事业编制</view>
					<view class='specialClass'>共计</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					<view style='color: #fff;'> 无</view>
					<view class='specialClass'>{{dataList[0].employAdmin}}人</view>
					<view class='specialClass'>{{dataList[0].employGov}}人</view>
					<view class='specialClass'>{{dataList[0].employTotal}}人</view>
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>合同工人数(市编办批准):</view>
					<view class='specialClass'>共计</view>
					<view class='specialClass'>其中:技术管理岗位</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					<view style='color: #fff;'> 无</view>
					<view class='specialClass'>{{dataList[0].contractTotal}}人</view>
					<view class='specialClass'>{{dataList[0].contractTech}}人</view>
				</view>
			</view>
			<view class='listWrap'>
				<view class='leftClass' style='flex:4'>
					<view>临时及借用人员:</view>
					<view class='specialClass'>共计</view>
				</view>
				<view class='middleClass'></view>
				<view class='rightClass'>
					<view style='color: #fff;'> 无</view>
					<view class='specialClass'>{{dataList[0].tempTotal}}人</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			dataList: {
				type: Array,
				default: {}
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style scoped lang='scss'>
	.header {
		text-align: center;
		text-align: center;
		font-size: 16px;
		margin-top: 5px;
	}

	.dateTitle {
		margin-top: 8px;
		font-size: 13px;
		color: gray;
	}

	.container {
		margin-top: 5px;
		padding: 5px 10px;
		background: #fff;
		margin: 8px 0px;

		.listWrap {
			display: flex;
			font-size: 16px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			border-bottom: 1px solid #e0d9d9;
			padding: 10px 0px;
			align-items: center;

			.leftClass {
				flex: 1;
				text-align: left;
			}

			.middleClass {
				flex: 1.1;
			}

			.rightClass {
				font-size: 14px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
				flex: 2;
				text-align: right;
				padding-right: 5px;
				line-height: 25px;
			}
		}
	}

	.specialClass {
		margin-top: 10px;
		font-size: 14px;
		color: #999999;
	}
</style>
